<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单记录</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
    </script>
    <style>
        .mainbox {
            width: 80%;
            margin: 0 auto;
        }

        .form-label {
            text-align: left;
            margin: 10px;
        }
    </style>
    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
</head>

<body>
<div class="mainbox">
    <h1 style="text-align: center;margin: 30px">您购买的记录如下</h1>
    <table class="table">
        <tbody>
        <tr>
            <th>id</th>
            <th>价格</th>
            <th>标题</th>
            <th>数量</th>
            <th>收货人</th>
            <th>手机</th>
            <th>地址</th>
        </tr>
        {% for item in items %}
            <tr>
                <td>
                    {{ item.id }}
                </td>
                <td>
                    {{ item.item.price }}
                </td>
                <td>
                    {{ item.item.title }}
                </td>
                <td>
                    {{ item.quantity }}
                </td>
                <td>
                    {{ item.name }}
                </td>
                <td>
                    {{ item.phone }}
                </td>
                <td>
                    {{ item.address }}
                </td>
            </tr>
        {% endfor %}


        </tbody>
    </table>
    <a href="/">返回主页</a>

</div>
<script>

</script>

</body>

</html>